<template>
    <div class="main2">
        <div class="guide">
            <div class="guide1">查看隐私保护指南</div>
            <div class="guide2">有助于保护您免受数据泄露、不良扩展程序等问题的影响</div>
            <div class="guide3"><el-button type="primary" @click="jump()">立即查看</el-button></div>
        </div>
        <div class="guide">
            <div class="guide4">安全设置</div>
            <div class="guide5">
                <el-switch
                v-model="value1"
                active-color="#13ce66"
                active-text="开启防火墙">
                </el-switch>
            </div>
            <div class="guide5">
                <el-switch
                v-model="value2"
                active-color="#13ce66"
                active-text="检测危险事件并发送警告">
                </el-switch>
            </div>
            <div class="guide5">
                <el-switch
                v-model="value3"
                active-color="#13ce66"
                active-text="使用安全连接">
                </el-switch>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            value1:'',
            value2:'',
            value3:'',
        }
    },
    methods:{
        jump(){
            var {href} = this.$router.resolve('/privacy');
            window.open(href,"_blank");
        }
    }
};
</script>

<style scoped>
.guide{
    border-radius: 4px;
    margin-top: 50px;
    background-color: white;
}
.guide1{
    font-size: 200%;
    padding-top: 30px;
    padding-left: 30px;
}
.guide2{
    padding-left: 30px;
    font-size: 120%;
    margin-top: 10px;
}
.guide3{
    padding-left: 30px;
    font-size: 120%;
    margin-top: 30px;
    padding-bottom: 30px;
}
.guide4{
    padding: 30px;
    font-size: 130%;
}
.guide5{
    padding-left: 30px;
    padding-bottom: 20px;
}
</style>